<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button>JSONP请求</button>
    <script src="./libs/jquery-1.12.4.min.js"></script>
    <script>
      $('button').on('click', () => {
        
        // $.ajax() 设置 dataType:'jsonp'之后，就不是发送 ajax 请求了。
        // 而是：   1. 注册一个函数
        //          2. 动态创建一个 script 标签发送请求，获取一个js文件
        $.ajax({
          url:'http://localhost:3006/api/jsonp',
          dataType:'jsonp',
          success: (res) => {
            console.log(res)
          },
        })

      })
    </script>
  </body>
</html>
